<script setup>
import { defineAsyncComponent } from 'vue'
import HelloWorld from './components/HelloWorld.vue'
// 加载组件
const ChildContent = defineAsyncComponent(() => {
  return import('module_federation_child/ChildHome')
})
</script>

<template>
  <div class="parant-box">
    <h3>父组件内容</h3>
    <div class="child-box">
      <ChildContent></ChildContent>
    </div>
  </div>
</template>

<style>
.child-box {
  min-height: 20px;
  background: antiquewhite;
}
.parant-box{
  background-color: aquamarine;
  padding: 10px;
}
</style>
